﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mfIndex.aspx.cs" Inherits="msBsc.WebUi.mfIndex" %>

<!DOCTYPE HTML>
<html>
<head> 
    <title>手机好品济宁商城</title>
    <%=getMeta()%>
    <%=getBodyBeforeJs()%> 
    <script src="/??jqPlugin/js/jquery-2.1.1.min.js,js/jBase.js,js/jmPage.js,themes/Style1/jsQt.js"
        type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function () {
        }); 
    </script>
    <!--head fix rgn-->
    <style type="text/css">  
    </style>
    <base target="_blank"/>
</head>
<body>











        <%=ogetmPubHtml.GetFloorHtml()%>
</body>
<%=getBodyAfterJs() %>
</html>  








 
<link rel="stylesheet" href="/themes/mStyle1/index.css"/> 
<script type="text/javascript" src="/themes/mStyle1/mIndex.js"></script>
<style>
@media screen and(max-width:380px){
.tm-mobile-page{width:320px;}
}
@media screen and (min-width: 381px) and (max-width:960px) { 
.item-list .rec-item{width:29%}

#J_BrandSlider{width:100%;height:115px;}
.modules-content{width:100%}
.slider-item a{width:21%;height:98px}
.brand-slider .slider-trigger .slider-prev{width:34px;height:91px;background:url(/themes/mStyle1/images/252.png) 0 -161px;top:13px;}
.brand-slider .slider-trigger .slider-next{right:40px;width:34px;height:91px;background:url(/themes/mStyle1/images/252.png) -83px -161px;top:13px;}
.slider-scroller j_BrandList{width:100%}
.brand-chn{width:100%}
.brand-chn a{width:49%;height:150px;}
.market-floor .region-block{width:29%;}
.market-list{width:100%}

#temp2{height:200px; width:960px;margin:0;padding:0;position:relative;margin:0 auto;}
#temp2 .JQ-content-box {float: left; overflow: hidden; width:960px; height: 200px; margin:0;padding:0;position:relative;}
#temp2 .JQ-content-box .JQ-slide-content { position:absolute;width:960px; height: 200px; margin:0;padding:0;}
#temp2 .JQ-content-box li {width:960px; height: 200px;;float:left;}
#temp2 .JQ-slide-nav { position:absolute;  right:20px;bottom:8px; display:inline;overflow:hidden;}
#temp2 .JQ-slide-nav li {float: left;width:7px; height: 7px;background:white;margin-right:3px; border:1px solid #000;border-radius:8px;}
#temp2 .JQ-slide-nav li.on {background:red;}
#temp2 img{width:960px;height:200px;}
.bobo{width:100%;}
.browse2{width:100%}
.prin_pp{width:100%}
.print{width:100%}
.pic2,.pic1{ width:15%; height:26%;float:left;}
.pic2-1{ width:100%; height:100%;}
}

@media screen and (min-width: 961px) and (max-width:1190px) { 
.item-list .rec-item{width:16%}
.brand-chn .region-block{width:33%}
#J_BrandSlider{width:100%;height:115px;}
.modules-content{width:100%}
.slider-item a{width:21%;height:98px}
.brand-slider .slider-trigger .slider-prev{width:34px;height:91px;background:url(/themes/mStyle1/images/252.png) 0 -161px;top:13px;}
.brand-slider .slider-trigger .slider-next{right:40px;width:34px;height:91px;background:url(/themes/mStyle1/images/252.png) -83px -161px;top:13px;}
.slider-scroller j_BrandList{width:100%}
.brand-chn{width:100%}
.brand-chn a{width:49%;height:150px;}
.market-floor .region-block{width:16%;height:90px;}
.market-list{width:100%}

#temp2{height:200px; width:1200px;margin:0;padding:0;position:relative;margin:0 auto;}
#temp2 .JQ-content-box {float: left; overflow: hidden; width:1200px; height: 200px; margin:0;padding:0;position:relative;}
#temp2 .JQ-content-box .JQ-slide-content { position:absolute;width:1200px; height: 200px; margin:0;padding:0;}
#temp2 .JQ-content-box li {width:1200px; height: 200px;;float:left;}
#temp2 .JQ-slide-nav { position:absolute;  right:20px;bottom:8px; display:inline;overflow:hidden;}
#temp2 .JQ-slide-nav li {float: left;width:7px; height: 7px;background:white;margin-right:3px; border:1px solid #000;border-radius:8px;}
#temp2 .JQ-slide-nav li.on {background:red;}
#temp2 img{width:1200px;height:200px;}
.bobo{width:100%}
  .browse2{
		width:960px;
		height:268px;
		overflow:hidden;
		position:relative;
		}
.arrows{
		width:35px;
		height:92px;
		float:left;
		background:url(/themes/mStyle1/images/252.png) -2px -159px no-repeat;
		margin-left:20px;
		position:absolute;
		cursor: pointer;
		top:23px;
		}
.arrows1{
		width:35px;
		height:92px;
		float:left;
		background:url(/themes/mStyle1/images/252.png) -80px -159px no-repeat;
		margin-left:40px;
		position:absolute;
		right:16px;
		top:23px;
		}
.glance{
		width:200px;
		height:250px;
		float:left;
		margin-top:10px;
		}
.glance img{
		margin-left:20px;
		}
.prin_pp{height:253px;position:absolute;left:0px;}
#print2{overflow: hidden;float: left;height: 253px;width: 1000px;position: absolute;left: 1166px;margin-top:20px; margin-left: 55px;}
#print3{overflow: hidden;float: left;height: 253px;width: 1000px;position: absolute;left: 2304px;margin-top:20px; margin-left: 55px;}
#print4{overflow: hidden;float: left;height: 253px;width: 1000px;position: absolute;left: 3442px;margin-top:20px; margin-left: 55px;}
.print{ width:1000px; height:230px; overflow:hidden; margin-top:20px; margin-left: 55px;float:left;position:absolute;left:33px;}
.pic1{ width:157px; height:230px; margin-left:52px; float:left;}
.pic2,.pic1{ width:157px; height:230px;float:left;}
.pic2-1{ width:157px; height:100px;}
.pic2-2,.pic1-2{ width:157px; height:20px; margin-top:10px; overflow:hidden;}
.renminbi{ width:70px; height:20px; float:left;}
.renminbi p{ color:#F00; font-size:18px;}
.ali{ background:url(/themes/mStyle1/images/pic2.png) -165px -130px no-repeat; float:right; width:20px; height:20px; margin-top:2px;}
.pic2-3,.pic1-3{ width:157px; height:40px; margin-top:10px;}
.pic2-3 a,.pic1-3 a{ line-height:24px;}
}
@media screen and (min-width: 1190px) and (max-width:3000px) { 
.brand-chn .region-block{width:33%}
.item-list .rec-item{width:16%}
#J_TmMobilePage{width:1200px;margin:0 auto;}
#J_BrandSlider{width:100%;height:115px;}
.modules-content{width:100%}
.slider-item a{width:21%;height:98px}
.brand-slider .slider-trigger .slider-prev{width:34px;height:91px;background:url(/themes/mStyle1/images/252.png) 0 -161px;top:13px;}
.brand-slider .slider-trigger .slider-next{right:40px;width:34px;height:91px;background:url(/themes/mStyle1/images/252.png) -83px -161px;top:13px;}
.slider-scroller j_BrandList{width:100%}
.brand-chn{width:100%}
.brand-chn a{width:49%;height:150px;}
.market-floor .region-block{width:16%;height:90px;}
.market-list{width:100%}

#temp2{height:200px; width:1200px;margin:0;padding:0;position:relative;margin:0 auto;}
#temp2 .JQ-content-box {float: left; overflow: hidden; width:1200px; height: 200px; margin:0;padding:0;position:relative;}
#temp2 .JQ-content-box .JQ-slide-content { position:absolute;width:1200px; height: 200px; margin:0;padding:0;}
#temp2 .JQ-content-box li {width:1200px; height: 200px;;float:left;}
#temp2 .JQ-slide-nav { position:absolute;  right:20px;bottom:8px; display:inline;overflow:hidden;}
#temp2 .JQ-slide-nav li {float: left;width:7px; height: 7px;background:white;margin-right:3px; border:1px solid #000;border-radius:8px;}
#temp2 .JQ-slide-nav li.on {background:red;}
#temp2 img{width:1200px;height:200px;}
.bobo{width:100%}
  .browse2{
		width:960px;
		height:268px;
		overflow:hidden;
		position:relative;
		}
.arrows{
		width:35px;
		height:92px;
		float:left;
		background:url(/themes/mStyle1/images/252.png) -2px -159px no-repeat;
		margin-left:20px;
		position:absolute;
		cursor: pointer;
		top:23px;
		}
.arrows1{
		width:35px;
		height:92px;
		float:left;
		background:url(/themes/mStyle1/images/252.png) -80px -159px no-repeat;
		margin-left:40px;
		position:absolute;
		right:16px;
		top:23px;
		}
.glance{
		width:200px;
		height:250px;
		float:left;
		margin-top:10px;
		}
.glance img{
		margin-left:20px;
		}
.prin_pp{height:253px;position:absolute;left:0px;}
#print2{overflow: hidden;float: left;height: 253px;width: 1000px;position: absolute;left: 1166px;margin-top:20px; margin-left: 55px;}
#print3{overflow: hidden;float: left;height: 253px;width: 1000px;position: absolute;left: 2304px;margin-top:20px; margin-left: 55px;}
#print4{overflow: hidden;float: left;height: 253px;width: 1000px;position: absolute;left: 3442px;margin-top:20px; margin-left: 55px;}
.print{ width:1000px; height:230px; overflow:hidden; margin-top:20px; margin-left: 55px;float:left;position:absolute;left:33px;}
.pic1{ width:157px; height:230px; margin-left:52px; float:left;}
.pic2,.pic1{ width:157px; height:230px;float:left;}
.pic2-1{ width:157px; height:100px;}
.pic2-2,.pic1-2{ width:157px; height:20px; margin-top:10px; overflow:hidden;}
.renminbi{ width:70px; height:20px; float:left;}
.renminbi p{ color:#F00; font-size:18px;}
.ali{ background:url(/themes/mStyle1/images/pic2.png) -165px -130px no-repeat; float:right; width:20px; height:20px; margin-top:2px;}
.pic2-3,.pic1-3{ width:157px; height:40px; margin-top:10px;}
.pic2-3 a,.pic1-3 a{ line-height:24px;}
}
</style> 
</head>
<body>
<div id="J_TmMobilePage" class="tm-mobile-page">
<script>
    window.g_config = window.g_config || {};
    window.g_config.smartBannerVersion = '1.1.6';
</script>
<div class="tm-mobile-nav">
<a href="#" class="tm-logo">天猫Tmall.com</a>
<p id="J_LoginInfo" class="login-info"></p>
</div>
<div id="J_TmMobileHeader" class="tm-mobile-header">
<div class="category-menu">
<a href="javascript:void(0);" target="_self" id="J_CategoryTrigger" class="category-trigger">分类</a>
<div id="J_CategoryDialog" class="category-dialog">
  <h2 class="category-hd">商品服务分类</h2>
	<p class="category-bd" data-spm="20000010">
		<a class="item-nvz" href="#">女装</a>
		<a class="item-dq" href="#">电器</a>
		<a class="item-nz" href="#">男装</a>
		<a class="item-yd" href="#">运动</a>
		<a class="item-hw" href="#">户外</a>
		<a class="item-nvx" href="#">女鞋</a>
		<a class="item-nx" href="#">男鞋</a>
		<a class="item-xb" href="#">箱包</a>
		<a class="item-mz" href="#">美妆</a>
		<a class="item-ny" href="#">内衣</a>
		<a class="item-my" href="#">母婴</a>
		<a class="item-sp" href="#">食品</a>
		<a class="item-jz" href="#">家装</a>
		<a class="item-qc" href="#">汽车</a>
		<a class="item-yy" href="#">图书</a>
	</p>
<a href="javascript:void(0);" id="J_CategoryClose" class="category-close" target="_self">关闭</a>
</div>
<div id="J_CategoryMask" class="category-mask"></div>
</div>
<div id="J_MobileSearch" class="search-container">
<div class="mobile-search">
<form id="J_SearchForm" action="" method="get" accept-charset="GBK" target="_self">
<div class="s-combobox">
<div class="s-combobox-input-wrap">
<input name="q" value="" id="mq" type="search" accesskey="s" autocomplete="off"/>
</div>
</div>
<input type="hidden" name="type" value="p"/>
<input type="submit" class="search-button"/>
</form>
</div>
<a class="search-cancel" id="J_SearchCancel" href="javascript:void(0);" target="_self">取消</a>
<div class="search-mask"></div>
</div>
<div class="my-info">
<a href="javascript:void(0);" target="_self" id="J_MyInfoTrigger" class="my-info-trigger">我的</a>
<div id="J_MyInfoDialog" class="my-info-dialog">
<h2 class="my-info-hd">我的天猫</h2>
<p class="my-info-bd" data-spm="20000009">
<a class="tmall-app" href="#">
天猫客户端
</a>
<a class="taobao-mobile" href="#">
淘宝网
</a>
<a class="buy-cart" href="#">
购物车
</a>
<a class="favorite-item" href="#">
收藏宝贝
</a>
<a class="favorite-shop" href="#">
收藏店铺
</a>
<a class="all-order" href="#">
全部订单
</a>
</p>
<a href="javascript:void(0);" id="J_MyInfoClose" class="my-info-close" target="_self">关闭</a>
</div>
<div id="J_MyInfoMask" class="my-info-mask"></div>
</div>
</div>
<div id="J_TMMobileContent" class="tm-mobile-content">
<div id="temp2">
    <div class="JQ-content-box">
      <ul class="JQ-slide-content">
        <li><a href="#" target="_blank"><img src="http://gtms03.alicdn.com/tps/i3/TB1JXDIGVXXXXXMXVXX3mEu0FXX-640-210.jpg_q60.jpg" /></a></li>
        <li><a href="#" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/2113741929/TB2vF1BbpXXXXXjXXXXXXXXXXXX_!!2113741929.jpg_q60.jpg" /></a></li>
        <li><a href="#" target="_blank"><img src="http://gtms02.alicdn.com/tps/i2/TB1ZN6WGVXXXXa.XpXX3mEu0FXX-640-210.jpg_q60.jpg" /></a></li>
        <li><a href="#" target="_blank"><img src="http://gtms03.alicdn.com/tps/i3/TB1JXDIGVXXXXXMXVXX3mEu0FXX-640-210.jpg_q60.jpg" /></a></li>
      </ul>
    </div>
    <ul class="JQ-slide-nav">
      <li class="on"></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
</div>
<div id="J_HotBrand" class="hot-brand">
<h2 class="modules-title">热门品牌</h2>
<div class="modules-content">
<!--
<div id="J_BrandSlider" class="brand-slider">
<div class="slider-scroller j_BrandList" data-spm="20000005">
</div>
<p class="slider-trigger">
<i class="j_SliderPrev slider-prev"></i>
<i class="j_SliderNext slider-next"></i>
</p>
</div>
-->       <div class="bobo" >
            <div class="browse2">
            	<a href="javascript:;"><div class="arrows" arae="left"></div></a>
			  <div class="prin_pp" id="prin_pp">
            	<div class="print" id="print1">
                    <div class="pic2">
                        <a href=""><img src="/themes/mStyle1/images/eee.jpg" class="pic2-1"/></a>
                    </div><!--pic2-->
                    <div class="pic1">
                        <a href=""><img src="/themes/mStyle1/images/hh0.jpg" class="pic2-1"/></a>
                    </div><!--pic1-->
                    <div class="pic1">
                        <a href=""><img src="/themes/mStyle1/images/TBtt.jpg" class="pic2-1"/></a>
                    </div><!--pic1-->
                    <div class="pic1">
                        <a href=""><img src="/themes/mStyle1/images/w90.jpg" class="pic2-1"/></a>
                    </div><!--pic1-->
        		</div><!--print-->
			
			  
			 
            	<div class="print" id="print2" alt='' >
                     <div class="pic2">
                        <a href=""><img src="/themes/mStyle1/images/eee.jpg" class="pic2-1"/></a>
                    </div><!--pic2-->
                    <div class="pic1">
                        <a href=""><img src="/themes/mStyle1/images/hh0.jpg" class="pic2-1"/></a>
                    </div><!--pic1-->
                    <div class="pic1">
                        <a href=""><img src="/themes/mStyle1/images/TBtt.jpg" class="pic2-1"/></a>
                    </div><!--pic1-->
                    <div class="pic1">
                        <a href=""><img src="/themes/mStyle1/images/w90.jpg" class="pic2-1"/></a>
                    </div><!--pic1-->
        		</div><!--print-->
			
				
				
				   <div class="print" id="print3" alt='' >
                    <div class="pic2">
                        <a href=""><img src="/themes/mStyle1/images/eee.jpg" class="pic2-1"/></a>
                    </div><!--pic2-->
                    <div class="pic1">
                        <a href=""><img src="/themes/mStyle1/images/hh0.jpg" class="pic2-1"/></a>
                    </div><!--pic1-->
                    <div class="pic1">
                        <a href=""><img src="/themes/mStyle1/images/TBtt.jpg" class="pic2-1"/></a>
                    </div><!--pic1-->
                    <div class="pic1">
                        <a href=""><img src="/themes/mStyle1/images/w90.jpg" class="pic2-1"/></a>
                    </div><!--pic1-->
        		</div><!--print-->
					
				   <div class="print" id="print4" alt='cur'>
                   <div class="pic2">
                        <a href=""><img src="/themes/mStyle1/images/eee.jpg" class="pic2-1"/></a>
                    </div><!--pic2-->
                    <div class="pic1">
                        <a href=""><img src="/themes/mStyle1/images/hh0.jpg" class="pic2-1"/></a>
                    </div><!--pic1-->
                    <div class="pic1">
                        <a href=""><img src="/themes/mStyle1/images/TBtt.jpg" class="pic2-1"/></a>
                    </div><!--pic1-->
                    <div class="pic1">
                        <a href=""><img src="/themes/mStyle1/images/w90.jpg" class="pic2-1"/></a>
                    </div><!--pic1-->
        		</div><!--print-->
			</div>
                <a href="javascript:;"><div class="arrows arrows1" arae="right"></div></a>
            </div><!--brows2-->  
        </div>			
<p class="brand-chn" data-spm="20000006">
<a class="region-block tm-mobile-loading" href="#">
<img src="http://gtms04.alicdn.com/tps/i4/TB1XYGPGFXXXXayaXXXjacZQpXX-300-260.jpg_q60.jpg" alt="品牌街" width="150" height="130"/>
</a>
<a class="region-block tm-mobile-loading" href="#">
<img src="http://img.taobaocdn.com/tps/i2/TB1GPGUGVXXXXcnXpXXSutbFXXX.jpg_q60.jpg" title="魔声" width="150" height="130"/>
</a>
<a class="region-block tm-mobile-loading" href="#">
<img src="http://gtms04.alicdn.com/tps/i4/TB1XYGPGFXXXXayaXXXjacZQpXX-300-260.jpg_q60.jpg" alt="品牌街" width="150" height="130"/>
</a>
<a class="region-block tm-mobile-loading" href="#">
<img src="http://img.taobaocdn.com/tps/i2/TB1GPGUGVXXXXcnXpXXSutbFXXX.jpg_q60.jpg" title="魔声" width="150" height="130"/>
</a>
</p>
</div>
</div>
<div class="market-floor">
<h3 class="modules-title">精选市场</h3>
<div class="modules-content">
<p class="market-list">
<a href="#" class="region-block">
<em class="main-title">女装</em>
<span class="sub-title">冬季羽绒服</span>
<img class="market-pic" src="http://gtms04.alicdn.com/tps/i4/TB1mujvGVXXXXXyXFXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
<a href="#" class="region-block">
<em class="main-title">电器城</em>
<span class="sub-title">抢稀缺手机</span>
<img class="market-pic" src="http://gtms02.alicdn.com/tps/i2/TB1jVeYGFXXXXcSXVXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
<a href="#" class="region-block">
<em class="main-title">男装</em>
<span class="sub-title">暖男搭配</span>
<img class="market-pic" src="http://gtms03.alicdn.com/tps/i3/TB1SczZGVXXXXXJXFXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
<a href="#" class="region-block" >
<em class="main-title">女鞋</em>
<span class="sub-title">抢秋冬新款</span>
<img class="market-pic" src="http://gtms01.alicdn.com/tps/i1/TB11hv0GVXXXXbVXpXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
<a href="#" class="region-block">
<em class="main-title">男鞋</em>
<span class="sub-title">休闲保暖季</span>
<img class="market-pic" src="http://gtms03.alicdn.com/tps/i3/TB16sH4GVXXXXaVXXXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
<a href="#" class="region-block">
<em class="main-title">箱包</em>
<span class="sub-title">包您满意</span>
<img class="market-pic" src="http://gtms02.alicdn.com/tps/i2/TB1iwf4GVXXXXasXXXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
<a href="#" class="region-block">
<em class="main-title">母婴</em>
<span class="sub-title">大牌齐聚</span>
<img class="market-pic" src="http://gtms03.alicdn.com/tps/i3/TB1jkSsGVXXXXXGXVXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
<a href="#" class="region-block">
<em class="main-title">内衣</em>
<span class="sub-title">性感保暖</span>
<img class="market-pic" src="http://gtms04.alicdn.com/tps/i4/TB1N_6VGVXXXXb5XFXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
<a href="#" class="region-block">
<em class="main-title">食品</em>
<span class="sub-title">每天免费吃</span>
<img class="market-pic" src="http://gtms01.alicdn.com/tps/i1/TB1xLr2GVXXXXXtXpXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
<a href="#" class="region-block">
<em class="main-title">居家百货</em>
<span class="sub-title">设计的迷藏</span>
<img class="market-pic" src="http://gtms01.alicdn.com/tps/i1/TB1sf20GVXXXXb2XpXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
<a href="#" class="region-block">
<em class="main-title">运动户外</em>
<span class="sub-title">健康冬季</span>
<img class="market-pic" src="http://gtms03.alicdn.com/tps/i3/TB1z1jUGVXXXXaEXVXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
<a href="#" class="region-block">
<em class="main-title">家纺</em>
<span class="sub-title">暖冬装备</span>
<img class="market-pic" src="http://gtms01.alicdn.com/tps/i1/TB1sQLSGVXXXXa7XVXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
<a href="#" class="region-block">
<em class="main-title">美妆</em>
<span class="sub-title">免费试用</span>
<img class="market-pic" src="http://gtms02.alicdn.com/tps/i2/TB1khn2GVXXXXcKXXXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
<a href="#" class="region-block">
<em class="main-title">车品</em>
<span class="sub-title">购车享好礼</span>
<img class="market-pic" src="http://gtms02.alicdn.com/tps/i2/TB1Mf_vGFXXXXXeXpXXNx3t4VXX-120-120.jpg_q60.jpg"/>
</a>
</p>
</div>
</div>
<div id="J_MoreWonderful" class="more-wonderful">
    <h3 class="modules-title">
        更多精彩
    </h3>
    <div class="modules-content">
        <p class="item-list">
            <a href="#"
            class="rec-item">
                <img src="http://g.ald.alicdn.com/bao/uploaded/i3/TB11izPGVXXXXcOXpXXXXXXXXXX_!!0-item_pic.jpg_150x150q60.jpg"
                width="121" height="121">
                <em class="item-name">
                    JEEP吉普旗舰店专柜正品 男装外套秋冬纯棉吉普夹克棉衣JW10WJ201
                </em>
                <span class="item-price">
                    <span class="yen">
                        ¥
                    </span>
                    1080
                </span>
            </a>
            <a href="#"
            class="rec-item">
                <img src="http://g.ald.alicdn.com/bao/uploaded/i4/773441025/TB2QW3FbXXXXXXRXpXXXXXXXXXX_!!773441025.jpg_150x150q60.jpg"
                width="121" height="121">
                <em class="item-name">
                    微雨晨兰2014秋冬新款男童卫衣帽衫中大童装休闲连帽卫衣外套
                </em>
                <span class="item-price">
                    <span class="yen">
                        ¥
                    </span>
                    98
                </span>
            </a>
            <a href="#"
            class="rec-item">
                <img src="http://g.ald.alicdn.com/bao/uploaded/i4/TB1qQL2GpXXXXbaXpXXXXXXXXXX_!!0-item_pic.jpg_150x150q60.jpg"
                width="121" height="121">
                <em class="item-name">
                    好尔 塑料凳子加厚型 小板凳浴室凳儿童矮凳洗脚凳换鞋凳圆凳凳子
                </em>
                <span class="item-price">
                    <span class="yen">
                        ¥
                    </span>
                    15
                </span>
            </a>
			  <a href="#"
            class="rec-item">
                <img src="http://g.ald.alicdn.com/bao/uploaded/i4/TB1qQL2GpXXXXbaXpXXXXXXXXXX_!!0-item_pic.jpg_150x150q60.jpg"
                width="121" height="121">
                <em class="item-name">
                    好尔 塑料凳子加厚型 小板凳浴室凳儿童矮凳洗脚凳换鞋凳圆凳凳子
                </em>
                <span class="item-price">
                    <span class="yen">
                        ¥
                    </span>
                    15
                </span>
            </a>
			  <a href="#"
            class="rec-item">
                <img src="http://g.ald.alicdn.com/bao/uploaded/i4/TB1qQL2GpXXXXbaXpXXXXXXXXXX_!!0-item_pic.jpg_150x150q60.jpg"
                width="121" height="121">
                <em class="item-name">
                    好尔 塑料凳子加厚型 小板凳浴室凳儿童矮凳洗脚凳换鞋凳圆凳凳子
                </em>
                <span class="item-price">
                    <span class="yen">
                        ¥
                    </span>
                    15
                </span>
            </a>
        </p>
    </div>
    <a href="javascript:void(0);" class="j_ChangeAnother change-another">
        换一批
    </a>
</div>
</div>
<script type="text/javascript">
    $(function () {
        $("#temp2").Slide({
            effect: "scroolX",
            speed: "normal",
            timer: 3000
        });
    });
</script>

<script>
    KISSY.use('fp-m/index', function (S, Fpm) {
        Fpm.init();
    });
</script>
<script>
    var interval;
    $(function () {
        $(".arrows").click(function () {
            var arae = $(this).attr("arae");
            var leftpx = parseInt($("#prin_pp").css("left"));
            var time = 500;
            if (arae == 'left') {
                leftpx += 1133;
            } else {
                leftpx -= 1133;
            }
            if ((leftpx < (-1133 * 3))) {
                leftpx = 0;
                time = 250;
            }

            if (leftpx > 0) {
                leftpx = (-1133 * 3);
                time = 250;
            }
            $("#prin_pp").animate({ left: leftpx + "px" }, time);
        });
    });  

</script>
</div> 

